<template>
  <div class="inner">
    <Item>
      <div class="p-l-r-20 clearfix">
        <span class="fl name">{{data.name}}</span>
        <span class="fl num">{{data.channel_count}}</span>
      </div>
    </Item>
  </div>
</template>

<script>
  import Item from "./Item.vue";

  export default {
    props: {
      data:{
        type:Object,
        default:function(){
          return {};
        },
      },  
    },
    components: {
      Item,
    },
  }
</script>

<style>


.inner {
  width: 100%;
  height: 3.5rem;
  line-height: 3.5rem;
}
.name{
  font-size:14px;
  margin-right:6px;
}
.num{
  font-size:12px;
  color:#999;
}

</style>